<script setup>
import Footer from "./components/Footer.vue";
import Content from "@/components/Content.vue";
import { onMounted } from "vue";

function getUA() {
  const mobile = document.body.clientWidth <= 1024;
  if (mobile) {
    document.body.classList.add("mobile");
    document.body.classList.remove("pc");
  } else {
    document.body.classList.add("pc");
    document.body.classList.remove("mobile");
  }
}

onMounted(() => {
  getUA();
  window.addEventListener("resize", () => {
    getUA();
  });
});
</script>

<template>
  <Content />
  <Footer />
</template>

<style lang="scss" scoped></style>
